<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>微金所起始页</title>

  <!-- Bootstrap -->
  <link href="lib/css/bootstrap.min.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->


      <!-- 导入 自己的css文件 -->
      <link rel="stylesheet" type="text/css" href="css/base.css">

      <link rel="stylesheet" type="text/css" href="css/index.css">
    </head>
    <body>
      <!-- 顶部通栏 -->
      <div class="wjs_header hidden-xs hidden-sm hidden-md">
        <div class="container-fluid">
          <div class="row">
            <div class="col-lg-2">
              <a href="#" ><span class='glyphicon glyphicon-phone'></span>手机微金所<span class='glyphicon glyphicon-menu-down'></span><img class='code' src="images/code.jpg" alt=""></a>
            </div>
            <div class="col-lg-7">
                <span class="glyphicon">廊坊振华幕墙门窗工程有限公司</span>
            </div>
            <div class="col-lg-3">
             <a href="#" class='glyphicon glyphicon-phone-alt'>&nbsp;13008090553</a>
           </div>
         </div>
       </div>
     </div>


     <!-- 导航栏 -->
     <nav class="navbar wjs-nav-default">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">
            <span class="navbar-row">振华幕墙</span>
          </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">公司首页<span class="sr-only">(current)</span></a></li>
            <li><a href="#">公司简介</a></li>
            <li><a href="#">主营业务</a></li>
            <li><a href="#">产品展示</a></li>
            <li><a href="#">联系方式</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right hidden-xs hidden-sm">
            <li><a href="#">邮编:065990</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>

    <!-- 响应式 轮播图 -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner wjs-banner-items" role="listbox">
        <div class="item active">
         <!-- 桌面端的html -->
         <a href="#" class='banner-img-a hidden-xs hidden-sm'></a>
         <!-- 移动端的html -->
         <a href="#" class='hidden-lg hidden-md'>
           <img src="images/slide_01_640x340.jpg" alt="">
         </a>
       </div>
       <div class="item">
         <!-- 桌面端的html -->
         <a href="#" class='banner-img-b hidden-xs hidden-sm'></a>
         <!-- 移动端的html -->
         <a href="#" class='hidden-lg hidden-md'>
           <img src="images/slide_02_640x340.jpg" alt="">
         </a>
       </div>
       <div class="item">
         <!-- 桌面端的html -->
         <a href="#" class='banner-img-c hidden-xs hidden-sm'></a>
         <!-- 移动端的html -->
         <a href="#" class='hidden-lg hidden-md'>
           <img src="images/slide_03_640x340.jpg" alt="">
         </a>
       </div>
       <div class="item">
         <!-- 桌面端的html -->
         <a href="#" class='banner-img-d hidden-xs hidden-sm'></a>
         <!-- 移动端的html -->
         <a href="#" class='hidden-lg hidden-md'>
           <img src="images/slide_04_640x340.jpg" alt="">
         </a>
       </div>
     </div>

     <!-- Controls -->
     <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <!-- 服务区域 -->
  <div class='wjs-service hidden-xs'>
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-6">
          <a href='#'>
            <div class="media">
              <div class="media-left" href="#">
                <span class='wjs-font wjsfont-e902'></span>
              </div>
              <div class="media-body">
                <h4 class="media-heading">振华理念</h4>
                  竞争对手尊敬的公司<br>
                  客户首选和信赖的公司<br>
                  社会认可、股民追捧的公司<br>
                  员工值得依托、实现自我的公司<br>
              </div>
            </div>
          </a>
        </div>
        <div class="col-md-4 col-sm-6">
          <a href='#'>
            <div class="media">
              <div class="media-left" href="#">
                <span class='wjs-font wjsfont-e904'></span>
              </div>
              <div class="media-body">
                <h4 class="media-heading"> 振华使命宣言</h4>
                  引领社会潮流<br>
                  成为行业标杆<br>
                  提供最佳服务<br>
                  回馈员工、股东、社会<br>
              </div>
            </div>
          </a>
        </div>
        <div class="col-md-4 col-sm-6">
          <a href='#'>
            <div class="media">
              <div class="media-left" href="#">
                <span class='wjs-font wjsfont-e905'></span>
              </div>
              <div class="media-body">
                <h4 class="media-heading">振华经营理念</h4>
                  协同敬业<br>
                  诚信服务 <br>
                  以人为本 <br>
                  追求卓越<br>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
   <div class="wjs_news">
        <div class="container">
          <div class="row">
          <!-- 标题 -->
            <div class="col-md-2 col-md-offset-2">
              <h3>公司业务</h3>
            </div>
            <!-- tab区域 -->
            <div class="col-md-3">
              <ul class="nav wjs-news-tabs" role="tablist">
                <div class="line hidden-xs "></div>
                <li role="presentation" class="active"><a href="#new01" role="tab" data-toggle="tab" class='wjs-font wjsfont-new01'></a></li>
                <li role="presentation"><a href="#new02" role="tab" data-toggle="tab" class='wjs-font wjsfont-new02'></a></li>
              </ul>

            </div>
            <!-- 新闻列表区域 -->
            <div class="col-md-5 wjs-news-list">
              <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="new01">
                    <span>
                    普通铝门窗产品：平开窗： EA40 系列、 EA45 系列、 EA50 系列、 EA46 系列地弹簧门。推拉窗： EA70 系列、 EA73 系列、 EA73B 系列、 EA90 系列。保温铝门窗产品灌注式： EAH40 、 EAH45 、 EAH55 、 EAH65 、 EAH70 平开系列、 EAH80 推拉系列。 EALM 木包铝平开门窗。嵌条式： EAH50 、 EAH60 、 EAH63 、 EAH65 平开系列、 EAW63 、 EAX 平开系列。 EAH80 、 EAH90 推拉系列门窗。嵌条灌注式： EAH63 、 EAHD 系列平开门窗。
                    </span>
                </div>
                <div role="tabpanel" class="tab-pane" id="new02">
                  <span>
                    幕墙产品 幕墙分为 26 、 27 和 30 系列玻璃幕墙。 26 系列根据幕墙立柱结构型材高度可分为 120 、 150 、 180 、 210 系列，可以制作半隐框、全隐框及明框玻璃幕墙，分为单元式（敞开式、封闭式）、小单元式、半单元式以及点式（拉杆、拉索）玻璃幕墙； 30 系列又分 150 和 180 两个系列， 150 系列为全隐框， 180 系列包括半隐框 180 （ B ）、全隐框 180 （ C ）、 180 （ D ）。
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- -->
      <div class="wjs-book">
        <div class="container">
            <span class='pull-left glyphicon glyphicon-user'>联系人:
            李凤勃，李阜欣</span><br>
            <span class='glyphicon glyphicon-earphone'>联系电话: 13292628866,13008090553</span>
            <a href="#" class="pull-right glyphicon glyphicon-camera">&nbsp;振华幕墙有限公司</a>
        </div>
      </div>
    <!-- 底部的区域 -->
    <div class="wjs-footer">
      <h5>廊坊振华幕墙门窗工程有限公司 版权所有</h5>
  </div>
</div>
</body>
</html>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/js/bootstrap.min.js"></script>